<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
        <title>Document</title>
        <script>
            /* 
                Array.from()  将伪数组转成真数组
            */
           /*  window.onload = function(){
                var aLis = document.getElementsByTagName("li");
                alert(aLis.length);

                aLis = Array.from(aLis);

                aLis.push("hello");
                
                alert(aLis)

            } */


            /* 
                find()

                功能：在数组中查找符合条件的元素，只要找到第一个符合条件的元素，就终止遍历。
                返回值：找到的元素。

                findIndex()
                返回值：找到的元素的下标。
            */

            // var arr = [10, 20, 30, 40, 50];
           /*  var res = arr.find(function(item, index, arr){
                //查找条件
                return item > 20;
            })
            alert(res); */

            // alert(arr.find(item => item > 20));

            // alert(arr.findIndex(item => item > 20));



            /* 
                arr.copyWithin
                第一个参数：从哪个下标开始
                第二个参数和第三个参数是：范围 [start, end)
            */

            var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
            arr.copyWithin(2, 4, 9);
            alert(arr);  //1,2,3,8,9,6,7,8,9
                         //1,2,5,6,7,8,9,8,9,10
        </script>
    </head>
    <body>
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </body>
</html>